<template>
  <view>
    <!-- components/site-list.wxml -->
    <view v-if="itemDataClone.list.length > 0">
      <view v-for="(item, index) in itemDataClone.list" :key="index">
        <!-- <image v-if="item.fastSlow == 'overTake'" class="firstImg" src="https://oos-cn.ctyunapi.cn/front-end/static/static/line_bg.png" mode="aspectFill"></image> -->

        <view class="order">
          <view @tap="handleToDetails(item)" :data-id="item.id">
            <view class="top">
              <view class="top_name">
                {{ item.name }}
              </view>
              <view
                class="right ok"
                @tap.stop.prevent="goAddress"
                :data-latitude="item.latitude"
                :data-longitude="item.longitude"
                :data-name="item.name"
                :data-street="item.street"
              >
                <text>
                  {{
                    item.distanceDouble
                      ? item.distanceDouble.toFixed(2)
                      : item.distanceDouble
                  }}km
                </text>
                <image
                  :src="
                    (otherIconListSync[0] && otherIconListSync[0].icon) ||
                    'https://oos-cn.ctyunapi.cn/front-end/static/static/Navigation.png'
                  "
                  mode="aspectFill"
                ></image>
              </view>
            </view>
            <!-- <view class="tagList" v-if="item.tagList && item.tagList.length > 0">
							<view
								class="tag"  
								v-if="t.tagName"
								v-for="(t, index1) in item.tagList"
								:class="[t.bright == 1? 'tag1' : 'tag2']"
								:style="{padding:(index1==0&&t.bright != 1?'0rpx 16rpx 0 0':'6rpx 16rpx')}"
								:key="index1">
								<text>{{ t.tagName}}</text>
							</view>
						</view> -->

            <!-- 831标签修改样式 -->
            <view
              class="tagList_view"
              v-if="
                (item.tagList && item.tagList.length > 0) || item.featured == 1
              "
            >
              <view class="tag_yxbq" v-if="item.featured == 1">
                <image
                  class="v_icon"
                  src="https://oos-cn.ctyunapi.cn/front-end/static/mobileImg/icon-youxuan.png"
                  mode="scaleToFill"
                />
                <text class="v_text">优选</text>
              </view>
              <template v-if="item.tagList && item.tagList.length > 0">
                <view
                  :class="[
                    t.bright == 1 ? 'tag_item tag_gaoliang' : 'tag_item',
                  ]"
                  v-for="(t, index1) in tagList"
                  :key="index1"
                >
                  <text>{{ t.tagName }}</text>
                </view>
              </template>
            </view>

            <view>
              <!-- 自由车队价 显示 -->
              <view class="price_view" style="margin-left: 0;" v-if="item.freeDomDiscountRate">
                <view class="img_view_831_bg">
                  <image
                    class="v_icon"
                    src="https://oos-cn.ctyunapi.cn/front-end/static/mobileImg/bgTag/icon_th.png"
                    mode="scaleToFill"
                  />
                  <view class="v_text" style="background: #fff;">
                    <text>服务费可享受{{ item.freeDomDiscountRate / 10 }}折</text>
                  </view>
                </view>
                
              </view>
              <!-- 831价格展示 -->
              <!-- 先判断 是否有专享价 -->
              <view class="price_view" v-if="item.exclusiveDiscount">
                <view class="discount_view">
                  <!-- #V2G功能 -->
                  <text v-if="isV2GOption" class="label">充电:</text>
                  <view class="text_view">
                    ¥<text class="v_text">{{ item.currentPriceStr }}</text
                    ><template>起</template>
                  </view>
                </view>
                <view class="img_view_831_bg">
                  <image
                    class="v_icon"
                    src="https://oos-cn.ctyunapi.cn/front-end/static/mobileImg/bgTag/zxj_bg.png"
                    mode="scaleToFill"
                  />
                  <view class="v_text">
                    <!-- 李总要求去掉起字 -->
                    <!-- 赵忠丽 给宣城单独加“起” 2024.3.18-->
                    <text>
                      ¥{{ item.exclusivePriceStr }} <template>起</template>
                    </text>
                  </view>
                </view>
                <!-- #V2G功能 -->
                <view
                  class="discount_view"
                  v-if="isV2GOption && item.dischargePrice && memberType != 2"
                >
                  <text class="label">放电:</text>
                  <view class="text_view">
                    ¥<text class="v_text">{{ item.dischargePriceStr }}</text
                    ><template>起</template>
                  </view>
                </view>
              </view>
              <!-- 831价格展示 -->
              <view class="price_view" v-else>
                <!-- 专享价没有 站点优惠价和大客户价都显示 -->
                <!-- 1,站点优惠有的情况显示站点优惠价格,否则显示当前价格 -->
                <!-- 2,站点优惠或集团优惠有的情况才显示划线价 -->
                <!-- 3,集团优惠有的情况才显示大客户字段 -->
                <view class="zxj_view_no">
                  <view class="discount_view">
                    <!-- #V2G功能 -->
                    <text v-if="isV2GOption" class="label">充电:</text>
                    <!-- 李总要求去掉起字 -->
                    <view class="text_view">
                      ¥<text class="v_text">{{
                        item.discount
                          ? item.discountPriceStr
                          : item.currentPriceStr
                      }}</text>
                      <template>起</template>
                    </view>
                  </view>
                  <!-- 划线价展示：站点优惠 || 成长会员折扣 || 大客户价 -->
                  <!-- 23.11.22 付费会员不显示划线价 -->
                  <view
                    class="hxj_view"
                    v-if="
                      item.discount ||
                      item.growthleDiscount ||
                      item.contractDiscount
                    "
                  >
                    <!-- 李总要求去掉起字 -->
                    <text class="v_text">
                      ¥{{ item.currentPriceStr }}<template>起</template>
                    </text>
                  </view>

                  <!-- 大客户价展示条件 -->
                  <view class="img_view_831_bg" v-if="item.contractDiscount">
                    <image
                      class="v_icon"
                      src="https://oos-cn.ctyunapi.cn/front-end/static/mobileImg/bgTag/dkh_bg.png"
                      mode="scaleToFill"
                    />
                    <view class="v_text">
                      <!-- 李总要求去掉起字 -->
                      <text>
                        ¥{{ item.contractPriceStr
                        }}<template
                          v-if="sellerNo == 'xc' || sellerNo == 'wzcj'"
                          >起</template
                        >
                      </text>
                    </view>
                  </view>
                  <!-- 成长会员价展示 -->
                  <view class="img_view_831_bg" v-if="item.growthleDiscount">
                    <image
                      class="v_icon"
                      src="https://oos-cn.ctyunapi.cn/front-end/static/mobileImg/bgTag/icon-huiyuan.png"
                      mode="scaleToFill"
                    />
                    <view class="v_text">
                      <text> ¥{{ item.growthlePriceStr }}起 </text>
                    </view>
                  </view>
                  <!-- 付费会员价展示 -->
                  <view class="img_view_831_bg" v-if="item.payleDiscount">
                    <image
                      class="v_icon"
                      src="https://oos-cn.ctyunapi.cn/front-end/static/mobileImg/bgTag/icon-vip.png"
                      mode="scaleToFill"
                    />
                    <view class="v_text">
                      <!-- 李总要求去掉起字 -->
                      <!-- 2024-10-14全部项目放开 -->
                      <text>
                        ¥{{ item.paylePriceStr }}<template>起</template>
                      </text>
                    </view>
                  </view>

                  <!-- #V2G功能 -->
                  <view
                    class="discount_view"
                    style="margin-left: 10rpx"
                    v-if="isV2GOption && item.dischargePrice && memberType != 2"
                  >
                    <text class="label">放电:</text>
                    <view class="text_view">
                      ¥<text class="v_text">{{ item.dischargePriceStr }}</text>
                      <template>起</template>
                    </view>
                  </view>
                </view>
              </view>
            </view>

            <view
              class="exceed"
              v-if="
                item.superGunFastCount > 0 ||
                item.fastGunCount > 0 ||
                item.slowGunCount > 0
              "
            >
              <!-- 超 -->
              <view class="exceed-item" v-if="item.superGunFastCount > 0">
                <image
                  src="https://oos-cn.ctyunapi.cn/front-end/static/static/exceed.png"
                  mode="aspectFill"
                ></image>
                <text>闲{{ item.superFastFreeGunCount }}</text>
                <text class="text-color4">/共{{ item.superGunFastCount }}</text>
              </view>
              <!-- 快 -->
              <view class="exceed-item" v-if="item.fastGunCount > 0">
                <image
                  style="margin-left: 44rpx"
                  src="https://oos-cn.ctyunapi.cn/front-end/static/static/fast.png"
                  mode="aspectFill"
                ></image>
                <text>闲{{ item.fastFreeGunCount }}</text>
                <text class="text-color4">/共{{ item.fastGunCount }}</text>
              </view>
              <!-- 慢 -->
              <view class="exceed-item" v-if="item.slowGunCount > 0">
                <image
                  style="margin-left: 44rpx"
                  src="https://oos-cn.ctyunapi.cn/front-end/static/static/slow.png"
                  mode="aspectFill"
                ></image>
                <text>闲{{ item.slowFreeGunCount }}</text>
                <text class="text-color4">/共{{ item.slowGunCount }}</text>
              </view>

              <!-- #V2G功能-放电 -->
              <view
                class="exceed-item"
                v-if="
                  isV2GOption &&
                  item.dischargeGunFastCount > 0 &&
                  memberType != 2
                "
              >
                <text>闲{{ item.dischargeFastFreeGunCount }}</text>
                <text class="text-color4"
                  >/共{{ item.dischargeGunFastCount }}</text
                >
              </view>
            </view>

            <!-- 移动端优化,增加公告及停车费说明 -->
            <view v-if="item.notice || item.parkingSubsidy">
              <view class="news_line"></view>
              <view class="news_List">
                <view v-if="item.notice" class="notice_item">
                  <view class="s_icon">
                    <image
                      class="notice_icon"
                      src="https://oos-cn.ctyunapi.cn/front-end/static/static/s_notice.png"
                      mode="aspectFill"
                    ></image>
                  </view>
                  <view class="s_text">
                    <text class="notice_text">{{ item.notice }}</text>
                  </view>
                </view>
                <view class="notice_item" v-if="item.parkingSubsidy">
                  <view class="s_icon">
                    <image
                      class="notice_icon"
                      src="https://oos-cn.ctyunapi.cn/front-end/static/static/s_stop.png"
                      mode="aspectFill"
                    ></image>
                  </view>
                  <view class="s_text">
                    <text class="notice_text">{{ item.parkingSubsidy }}</text>
                  </view>
                </view>
              </view>
            </view>
          </view>

          <image
            v-if="
              site_pattern === 'SUPER_FAST_SLOW_PATTERN' &&
              site_pattern_flag &&
              item.fastSlow == 'overTake'
            "
            class="tip-icon"
            :src="
              configPatternIcon.SUPER_CORNER_MARK ||
              'https://oos-cn.ctyunapi.cn/front-end/static/static/site_tips1.png'
            "
            mode="aspectFill"
          ></image>
          <image
            v-if="
              site_pattern === 'IS_ACTIVITY_PATTERN' &&
              site_pattern_flag &&
              (item.discount || item.contractDiscount)
            "
            class="tip-icon"
            :src="
              configPatternIcon.ACTIVITY_CORNER_MARK ||
              'https://oos-cn.ctyunapi.cn/front-end/static/static/site_tips2.png'
            "
            mode="aspectFill"
          ></image>
          <!-- 建设中站点   ||  既是超充也是建设中  显示建设中 -->
          <!-- <image v-if="item.stationType == 'jianShe'" class="overcharge" src="https://oos-cn.ctyunapi.cn/front-end/static/static/construction.png" mode="aspectFill"></image> -->
          <!-- 既不是超充也不是建设中 -->
          <!-- <image wx:if="{{!item.stationType}}" class="overcharge" src="https://oos-cn.ctyunapi.cn/front-end/static/static/overcharge.png" mode="aspectFill"></image> -->

          <!-- 营销获客处理 -->
          <!-- 站点优惠 -->
          <!-- <view class="zd_bottom"  v-if="marketingSwitch">
						<view class="zdtg_tip" v-if="item.marketing.promoteTips">
							<image src="http://oos-cn.ctyunapi.cn/front-end/static/marketingImg/static/discount.png" mode="aspectFill"></image>
							<text class="tag2">{{ item.marketing.promoteTips }}</text>
						</view>
					</view> -->
        </view>
      </view>
    </view>
  </view>
</template>

<script>
"use strict";

// exports.__esModule = true; // components/site-list.ts

var app = getApp();

var https_1 = require("./../../api/https.js");
const { isCdgj } = require("@/utils/util");

// #ifdef H5 
import { nativeCall } from "@/utils/cdgjH5toApp";
import { toCDGJWechatMiniLocation } from "@/utils/h5.js";
// #endif

export default {
  data() {
    return {
      // itemDataClone:[],
      collectionId: 0,
      showDialog: false,
      sellerNo: "",
      itemDataClone: {
        list: [],
      },
      id: "",
      time: "",

      t: {
        name: "",
        color: "",
      },
      otherIconList: [], // 拿mixin接口数据
      otherIconListSync: [], // 拿缓存数据
      site_pattern: "",
      site_pattern_flag: true,
      configPatternIcon: null,
      memberType: null,
    };
  },
  /**
   * 组件的属性列表
   */
  props: {
    itemData: {
      type: Object,
      required: true,
    },
  },
  onLoad() {},
  async beforeMount() {
    this.sellerNo = app.globalData.sellerNo;
    const pattern_res = await this.getPattern();
    if (pattern_res.code === 0) {
      this.site_pattern =
        pattern_res.data.mapPatternEnum || "SUPER_FAST_SLOW_PATTERN";
      this.site_pattern_flag = pattern_res.data.cornerFlag;
    }
    const icon_res = await this.getIconMap();
    if (icon_res.code === 0) {
      if (icon_res.data.ACTIVITY_PATTERN) {
        this.configPatternIcon = icon_res.data.ACTIVITY_PATTERN;
      } else if (icon_res.data.SUPER_FAST_SLOW_PATTERN) {
        this.configPatternIcon = icon_res.data.SUPER_FAST_SLOW_PATTERN;
      }
    }
    this.otherIconListSync = uni.getStorageSync("otherIconList");
    //  console.log("对象:", this.properties)
    //  console.log("对象:", this.properties.itemData)
    //  this.itemData=this.properties.itemData
  },
  /**
   * 组件的方法列表
   */
  methods: {
    // 是否有活动模式
    getPattern() {
      return https_1.getNowSwitchPattern({
        sellerId: app.globalData.sellerId,
      });
    },
    // 获取后台配置图标
    getIconMap() {
      let pattern =
        this.site_pattern === "IS_ACTIVITY_PATTERN"
          ? "ACTIVITY_PATTERN"
          : "SUPER_FAST_SLOW_PATTERN";
      return https_1.getIconMap({
        sellerId: app.globalData.sellerId,
        twoEnums: pattern,
      });
    },
    //站点详情
    handleToDetails: function ({ id, terminalType }) {
      this.id = id;
      // app.globalData.CHECK_LOGIN(function() {
      if (terminalType === 2) {
        uni.navigateTo({
          url: "/homeSub/pages/eBikeSiteDetail/eBikeSiteDetail?stationId=" + id,
        });
      } else {
        uni.navigateTo({
          url: "/homeSub/pages/siteDetail/siteDetail?stationId=" + id,
        });
      }

      // });
    },
    // 调用APP原生地图
    callNative(params) {
      nativeCall("openMap", params);
    },


    // 导航
    goAddress: function (e) {
      // console.log("导航",e)
      var latitude = parseFloat(e.currentTarget.dataset.latitude);
      var longitude = parseFloat(e.currentTarget.dataset.longitude);
      var name = e.currentTarget.dataset.name;
      var street = e.currentTarget.dataset.street;
      var clientType = uni.getStorageSync("clientType");

      // 如果是APP端，则调起原生地图, 目前只有 H5 内嵌
      // #ifdef H5 
      if (clientType == "APP" && isCdgj()) {
        this.callNative({
          lat: latitude,
          lng: longitude,
          address: street,
        });
        return;
      } else if (clientType == "WeChat" && isCdgj()) {
        toCDGJWechatMiniLocation({
          lat: latitude,
          lng: longitude,
          address: street,
        })
        return;
      }
      // #endif

      uni.openLocation({
        latitude: latitude,
        longitude: longitude,
        name: name,
        address: street,
        success: function (res) {
          console.log("openLocation", res);
        },
        fail: function (res) {
          console.log("openLocation", res);
        },
      });
    },
    //取消-弹窗
    onClick_1: function () {
      this.showDialog = false;
    },
    //调起-弹窗
    cancelCollection: function (e) {
      var that = this;
      app.globalData.CHECK_LOGIN(function () {
        (that.collectionId = e.currentTarget.dataset.id),
          (that.showDialog = true);
      });
    },
    //确定取消收藏-弹窗
    onClick_2: function () {
      var that = this;
      https_1.cancelCollectStation(this.collectionId).then(function (res) {
        if (res.code == 0) {
          var data_1 = that.itemData;
          data_1.list.forEach(function (v2, index) {
            if (v2.id == that.collectionId) {
              v2.isCollection = false;
              that.$emit("myevent", {
                detail: data_1,
              });
              that.itemDataClone = data_1;
              that.showDialog = false;
            }
          });
        }
      });
    },
    //收藏
    collection: function (e) {
      var that = this;
      app.globalData.CHECK_LOGIN(function () {
        var id = e.currentTarget.dataset.id;
        https_1.collectStation(id).then(function (res) {
          if (res.code == 0) {
            var data_2 = that.itemData;
            data_2.list.forEach(function (v2) {
              if (v2.id == id) {
                v2.isCollection = true;
                that.$emit("myevent", {
                  detail: data_2,
                });
                that.itemDataClone = data_2;
              }
            });
          }
        });
      });
    },
  },
  watch: {
    itemData: {
      handler(newVal, oldVal) {
        this.itemDataClone = newVal;
        this.memberType = uni.getStorageSync("memberType"); // #V2G功能
      },
      immediate: true,
      deep: true,
    },
  },
};
</script>
<style lang="less" scoped>
@import "../../commin/commin.less";

// 新加公告和停车费样式
@import "./news.less";

// 新加优惠展示样式
@import "./site-discount.less";

.firstImg {
  .kuangao(702rpx, 166rpx);
  position: absolute;
  margin-left: 24rpx;
  z-index: 1;
}

.order {
  background: linear-gradient(0deg, #ffffff, #f4f6f8);
  border: 2rpx solid #ffffff;
  box-shadow: 4rpx 7rpx 20rpx 0rpx rgba(166, 171, 179, 0.24);
  margin: 16rpx 26rpx;
  border-radius: 16rpx;
  padding: 39rpx 32rpx 27rpx 31rpx;
  position: relative;

  .top {
    // margin-left:24rpx;
    display: flex;
    justify-content: space-between;

    // border-bottom: 1rpx solid #DCDFE6;
    .left {
      display: flex;
      align-items: center;
      color: #1a1a1a;
      font-size: 30rpx;
      font-weight: bold;
    }

    .top_name {
      width: 445rpx;
      color: #1a1a1a;
      font-size: 30rpx;
      font-weight: bold;
      overflow: hidden;
      /*隐藏*/
      white-space: nowrap;
      /*不换行*/
      text-overflow: ellipsis;
      /* 超出部分省略号 */
    }

    .right {
      display: flex;
      align-items: center;
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 40rpx;
      color: @blue;

      image {
        width: 25rpx;
        height: 24rpx;
        margin-left: 10rpx;
      }

      &.ok {
        color: @blue;
      }
    }
  }

  .tagList {
    // margin-left:24rpx;
    display: flex;
    flex-wrap: wrap;
    margin-top: 24rpx;
    // height: 50rpx;
    height: 52rpx;
    overflow: hidden;

    .tag {
      font-size: 24rpx;
      font-family: PingFang SC;
      font-weight: 500;
      padding: 6rpx 16rpx;
      > text {
        margin: 0;
      }

      &.tag1 {
        border: 1px solid @blue;
        border-radius: 8rpx;
        color: @blue;
        margin: 0 4rpx;
      }

      &.tag2 {
        color: #909399;
        position: relative;

        &::after {
          position: absolute;
          right: 0;
          top: 12rpx;
          content: "";
          height: 22rpx;
          width: 1px;
          background: #909399;
        }
        &:last-child {
          &::after {
            width: 0;
          }
        }
      }
    }
  }
  .price-info {
    // margin-left:24rpx;
    font-size: 40rpx;
    font-family: DIN Alternate;
    font-weight: bold;
    color: @green;
    margin-top: 24rpx;

    .active-icon {
      width: 24rpx;
      height: 28rpx;
      margin-right: 12rpx;
    }
    .price {
      display: flex;
      align-items: baseline;
      color: var(--textColor);
    }
    .sp {
      font-size: 24rpx;
      font-family: PingFang-SC-Medium;
      font-weight: 500;
    }

    .originalPrice {
      margin-left: 12rpx;
      font-size: 22rpx;
      font-family: PingFang SC;
      font-weight: 400;
      text-decoration: line-through;
      color: @text-color4;
    }
  }
  .exceed {
    // margin-left:24rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 26rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #606266;
    margin-top: 24rpx;

    .exceed-item {
      display: flex;
      align-items: center;

      image {
        width: 44rpx;
        height: 34rpx;
        margin-right: 11rpx;
        margin-left: 0 !important;
      }
      .blue {
        color: @blue;
      }
      .orange {
        color: @orange;
      }
      .green {
        color: @green;
      }
      .text-color4 {
        color: #909399;
        font-size: 24rpx;
      }
    }
  }

  .tip-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 107rpx;
    height: 111rpx;
  }
}

.popup-box {
  .kuangao(590rpx, 400rpx);
  .flexs();
  background-color: @white-color;
  .borderradius(16rpx, 16rpx, 16rpx, 16rpx);

  .tips {
    .fontsize(34rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color1;
    margin-bottom: 119rpx;
  }

  .btn {
    display: flex;

    .Button1 {
      .kuangao(220rpx, 88rpx);
      .lineheight(80rpx);
      .borders(1rpx, @text-color4);
      .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
      background-color: @white-color;
      margin-right: 30rpx;
    }

    .word1 {
      .fontsize(30rpx);
      font-family: PingFang SC;
      font-weight: bold;
      color: @text-color4;
    }

    .Button2 {
      .kuangao(220rpx, 88rpx);
      .lineheight(80rpx);
      .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
      background: linear-gradient(105deg, #2b99ff, #1b8cf5);
      box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    }

    .word2 {
      .fontsize(30rpx);
      font-family: PingFang SC;
      font-weight: bold;
      color: @white-color;
    }
  }
}

//wxss  设置z-index是为了让遮罩挡住页面其他内容的同时不会挡住我们操纵弹窗
.mask {
  .kuangao(100%, 100vh);
  background-color: rgba(56, 55, 55, 0.651);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
}

.windows {
  .kuangao(590rpx, 400rpx);
  .flexs();
  background-color: @white-color;

  .borderradius(16rpx, 16rpx, 16rpx, 16rpx);
  position: fixed;
  left: 11%;
  top: 35%;
  z-index: 999;

  .tips {
    .fontsize(34rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color1;
    margin-bottom: 119rpx;
  }

  .btn {
    display: flex;

    .Button1 {
      .kuangao(220rpx, 88rpx);
      .lineheight(80rpx);
      .borders(1rpx, @text-color4);
      .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
      background-color: @white-color;
      margin-right: 30rpx;
    }

    .word1 {
      .fontsize(30rpx);
      font-family: PingFang SC;
      font-weight: bold;
      color: @text-color4;
    }

    .Button2 {
      .kuangao(220rpx, 88rpx);
      .lineheight(80rpx);
      .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
      background: linear-gradient(105deg, #2b99ff, #1b8cf5);
      box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    }

    .word2 {
      .fontsize(30rpx);
      font-family: PingFang SC;
      font-weight: bold;
      color: @white-color;
    }
  }
}

.zd_bottom {
  padding-top: 15rpx;
  .zdtg_tip {
    display: flex;
    align-items: center;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color4;
    image {
      width: 26rpx;
      height: 26rpx;
      margin-right: 15rpx;
    }
    text {
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;
    }
  }
}

/*站点优惠价格样式*/
.yhimg_box {
  width: 40rpx;
  height: 40rpx;
  margin-right: 12rpx;
  position: relative;
  .discount_img {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
  }
  .vip_text {
    position: absolute;
    top: 40%;
    left: 55%;
    transform: translate(-50%, -50%);
    font-size: 16rpx;
    font-family: DIN-BlackItalic;
    font-weight: 600;
    // font-style:italic;
    color: #a65424;
  }
}
</style>
